@CHARSET "UTF-8";

/************************************* GLOBAL ***************************************/

html {
	height:100%;
}

/** définition du style général**/
body {
	background:#434e83;
	height:100%;
	margin:0;
	padding:0;
	font-family:Arial, Helvetica;
	font-size:14px;
}

img {
	border:none;	
}

a {
	border:none;
}

li {
	display:inline;
	padding:5px 15px;
}

a:hover {
	border-bottom:solid 3px #fb9000;
}

a {
	text-decoration:none;
	color:#fff;
	padding:1px;
}

.a_noUnderline:hover {
	border:none;	
}

/** définition du style de base des éléments de formulaire **/
input, textarea {
	border:solid 1px #999;
	padding:2px;
	border-radius:2px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	-o-border-radius:2px;
}

input:hover {
	border:solid 1px #444;
}

input[type=submit], input[type=button] {
	background:#fb9000;
	padding:5px;
	cursor:pointer;
}

textarea {
	width:100%;
	max-width:100%;
	height:100px;
}

h3  {
	color:#fb9000;
	border-bottom:solid 2px #fb9000;
	text-shadow:2px 2px 2px #333;
}

h3 img{
	height:16px;
	padding:0 4px;
}

h4  {
	color:#434e83;
	border-bottom:solid 2px #9c9ce8;
	float:left;
	text-shadow:2px 2px 2px #bbb;
	margin:0;
	padding:1px 0;
}

h4 img {
	height:15px;
	padding:0 4px;	
}

.invisible {
	display:none;	
}
/** la classe content définit le style du texte dans la colonne gauche et le contenu principal **/
.content {
	padding:15px;
	z-index:1;
}

.content h3 {
	background:#434e83;
	padding:2px;
	color:#fb9000;
	width:100%;
}

.content li {
	display:block;
	padding:1px;
}

.auteur {
	font-size:90%;
	font-style:italic;
}

.salle {
	margin:10px 0 0 20px;
	border-bottom:solid 1px #888;
}

.salle img {
	height:20px;
	margin:0 4px;
	float:left;
}

.salle p {
	margin:10px 20px;
	font-size:13px;
	color:#111;
}

.salle a {
	color:#434e83;
}

.salle .actions {
	float:left;
	width:80px;
}

.salle .actions input {
	width:70px;
	margin:2px 0;
	font-size:12px;
}

.salle .theme {
	color:#eee;	
}

.salle .favoris {
	float:right;
	text-align:right;
	width:70px;
	font-size:12px;
	font-weight:bold;
	color:#555;
	cursor:pointer;
}

.salle .favoris img {
	height:16px;
}

.salle .typeSalle {
	float:left;
	cursor:pointer;
}

.salle .groupes {
	background:#434e83;
	color:#fb9000;
	position:relative;
	top:12px;
	left:-5px;
	padding:2px;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	-o-border-radius:3px;
	display:none;
}

.salle .groupes .arrow_groupe {
	background:url("images/arrow_groupe.png") no-repeat;
	position:absolute;
	top:-10px;
	left:10px;
	padding:3px;
}

.salle .auteur {
	color:#444;	
}

.theme {
	background:#fb9000;
	font-size:10px;
	color:#eee;
	padding:3px;
	margin:0 0 2px 2px;
	border-radius:2px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	-o-border-radius:2px;
}

.theme a {
	color:#eee;
	border:none;	
}


#topContent {
	margin:0;
	padding:10px;
	height:180px;
	background:#f1f1f1;
	border-bottom:solid 25px #fb9000;
}

#topContent a {
	color:#000;
}

#topContent .redlink {
	color:#f23a0f;
}

#topContent ul {
	position:absolute;
	right:10%;
	top:160px;
}

#logo {
	background:url("images/logo.png") no-repeat;
	position:absolute;
	top:1%;
	left:10%;
	width:380px;
	height:210px;
	z-index:0;
}

#loginForm {
	position:absolute;
	right:20%;
	top:3%;
}

#loggedForm img{
	max-height:100px;
	max-width:100px;
}

#loggedForm {
	position:absolute;
	right:20%;
	top:3%;
}

#leftMenu {
	float:left;
	color:#fff;
	width:22%;
	font-size:13px;
}

#leftMenu table {
	margin:10px auto 0 auto;
	z-index:2000;
}

#leftMenu td {
	padding:5px 15px;
	
}

#leftMenu .notifmessage{
	background:#fb9000;
	color:#39426e;
	position:relative;
	top:17px;
	left:45px;
	font-weight:bold;
	padding:0 5px;
	border-radius:6px;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	-o-border-radius:6px;
}

/*#leftMenu table img {
	width:90%;
	
}*/

#leftMenu .rubrique a:hover {
	border-bottom:solid 1px #fb9000;
}

#leftMenu #arrow {
	background:url("images/arrowMenu.png") no-repeat;
	position:relative;
	top:0px;
	left:95%;
	height:40px;
	width:30px;
	cursor:pointer;
}

.toggleExpand {
	background:url("images/toggleExpand.png") no-repeat 0 5px;
	float:right;
	cursor:pointer;
	padding:5px;
}

.toggleExpand:hover {
	background-color:#39426e;	
}

.toggleHide {
	background:url("images/toggleHide.png") no-repeat 0 5px;
	float:right;
	cursor:pointer;
	padding:5px;
}

.toggleHide:hover {
	background-color:#39426e;	
}

#mainContent {
	background:#f1f1f1;
	float:left;
	width:78%;
	min-height:110%;
}

#mainContent a {
	color:#555;	
}
/****************************************** GLOBAL ***************************************/


/*********************************** INDEX PRESENTATION *********************************/
.presentation {
	width:100%;
	height:200px;
}

.presentation ul {
	font-weight:bold;
	font-size:16px;
	color:#334;
}

.presentation li {
	padding:5px;
}

.presentation li img {
	height:17px;
}

.presentation input[type=button] {
	background:#fb9000;
	font-size:19px;
	color:#334;
	padding:10px 15px;
	margin:50px 0 0 120px;
}


.presentation1 {
	float:left;
	width:60%;
}

.presentation2 {
	float:right;
	width:40%;
}

.fleche {
	background:url("images/fleche.png") no-repeat;
	position:relative;
	top:-50px;
	left:0px;
	height:62px;
	width:100px;
}


/*********************************** MESSAGES PRIVES **************************************/
.messages a {
	color:#333;
	margin:0;
	padding:0;
	border:none;
}

.messagePrive {
	padding:5px;
	width:90%;
	border-bottom:solid 1px #333;
	font-size:13px;
}

.messagePrive:hover {
	background:#e9e9e9;	
}

.messagePrive[state=unread] {
	background:#dedede;
}

.messagePrive[state=unread]>p {
	color:#999;
}

.messagePrive .pic {
	width:80px;	
}

.messagePrive img {
	padding:0 5px;
	height:80px;
	width:80px;
}

.messagePrive h4 {
	width:100%;
}

.messagePrive .contenu {
	width:85%;	
}

.messagePrive p {
	float:left;
	
}

.messagePrive .dateHeure {
	float:right;
	font-style:italic;
	font-size:12px;
	color:#444;
}

.messagePrive .icons input {
	width:100px;
	margin:2px 0;
	font-size:12px;	
}

#conversation {
	height:400px;
	overflow:auto;	
}

.MPRecu {
	background:#434e83;
	color:#fff;
	float:left;
	width:60%;
	position:relative;
	padding:0 5px;
	margin:0 0 15px 0;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-o-border-radius:5px;
}

.MPRecu .arrow {
	background:url("images/arrowMPblue.png") no-repeat;
	position:absolute;
	top:99.5%;
	left:10px;
	height:15px;
	width:9px;	
}

.MPRecu .details {
	color:#ddd;
	font-style:italic;
	font-size:12px;
	text-align:right;
	margin:1px;	
}

.MPRecu img {
	position:absolute;
	top:130%;
	left:0;
	height:50px;
	
}

.MPEnvoye {
	background:#fb9000;
	float:right;
	width:60%;
	position:relative;
	padding:0 5px;
	margin:-1px 0 15px 0;
	border-radius:5px;	
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-o-border-radius:5px;
}

.MPEnvoye .arrow {
	background:url("images/arrowMPorange.png") no-repeat;
	position:absolute;
	top:99.5%;
	right:10px;
	height:15px;
	width:10px;	
}

.MPEnvoye .details {
	color:#333;
	font-style:italic;
	font-size:12px;
	text-align:right;
	margin:1px;	
}

.MPEnvoye img {
	position:absolute;
	top:130%;
	right:0;
	height:50px;
	
}

#postMP {
	position:relative;
	top:60px;
}

#postMP input[type=button]{
	padding:5px 10px;
	background:#fb9000;
}

/**************************************** MESSAGES PRIVES **********************************/


/******************************************* SIGN UP ****************************************/
.signup table {
	margin:10px auto;
	width:60%;	
}

/** redéfinition du style des éléments de formulaires**/
.signup select {
	padding:4px;	
}

.signup input {
	padding:4px;
	width:100%;	
}

.signup textarea {
	padding:4px;
	max-width:500px;
}

.signup input[type=submit] {
	padding:10px 4px;
	margin:0 20%;
	font-size:17px;
	width:52%;
}

.signup .error, .profil .error {
	float:left;
	width:180px;
	font-size:80%;
	color:#fb9000;	
	margin-top:-4px;
}

.signup .error img {
	height:16px;
	margin-top:4px;
}

.profil {
	margin:10px auto;	
}

.profil img{
	margin: 10px 7%;
	max-height:200px;
	max-width:200px;
	float:left;
}

.profil table {
	float:left;
}

.profil th {
	color:#5566ff;
	text-align:left;
	font-style:italic;
	font-weight:normal;
	width:200px;
}

.profil select {
	padding:2px;
}

.profil .edit {
	width:20px;	
	cursor:pointer;
}

.edit {
	background:url("images/edit.png") no-repeat;
	padding:10px;
	cursor:pointer;	
}
/******************************** SIGN UP ******************************/

/******************************** UNE SALLE ****************************/
#postMessage {
	border-top:solid 1px #333;
	margin-top:10px;
	padding:5px;
}

#postMessage input[type=text] {
	width:50%;
	padding:5px;
}

#postMessage input[type=button], .comments input[type=button] {
	padding:5px 10px;
	background:#fb9000;
}

#postMessage textarea {
	width:99%;
	max-width:99%;
}

#messagesContener .message {
	/*border-bottom:solid 1px #333;*/
}

#messagesContener .nbLike {
	float:right;
}

.like {
	background:url("images/favoris.png") no-repeat;
	padding:1px 10px;
}

.unlike {
	background:url("images/favoris2.png") no-repeat;
	padding:1px 10px;	
}

#messagesContener .postDetails {
	font-style:italic;
	font-size:85%;	
}

#messagesContener .comments .message, #messagesContener .comments .inputForm {
	margin-left:50px;
	font-size:13px;	
}

#messagesContener .comments .message, #messagesContener .comments .inputForm2 {
	margin-left:50px;
	font-size:13px;	
}

#messagesContener .comments .inputForm2 {
	display:none;	
}

#messagesContener .comments .message {
	background:#434e83;
	color:#eee;
	padding:0 0 0 5px;
}

#messagesContener .comments input[type=text] {
	width:70%;	
}

.add_comment h5 {
	cursor:pointer;	
}

.add_comment .arrow_comment {
	background:url("images/arrow.png") no-repeat;
	padding:10px 15px;
	cursor:pointer;
}

/******************************* UNE SALLE *******************************/

/******************************* ERROR *******************************/
.errorProfile {
	display: inline;
	width: 100%;
	text-align: center;
	border: 1px solid #333;
}

.errorSalle {
	display: inline;
	width: 100%;
	text-align: center;
	border: 1px solid #333;
}

/******************************* ERROR *******************************/


/******************************* GROUPES *******************************/
.groupes {
	float:left;
}

.groupes h4 {
	float:left;
	width:100%;
}

.grp {
	margin:10px;
	width:90%;
	float:left;
}
.grp img {
	height:58px;
	width:58px;
	padding:0 4px;
}

.grp table {
	width:50%;
}
.grp a {
	margin:0 0 0 0px;
	color:#ef0000;
}

.grp .option {
	float:left;
	width:100%;	
}

.user {
	float:left;
	width:130px;
	height:68px;
	padding:3px 1px;
	margin:5px;
	border:solid 1px #999;
	/*background:#434e83;*/
	color:#fb9000;
	background:#434e83;
	border-radius:2px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	-o-border-radius:2px;
	cursor:pointer;
}

.user:hover {
	border:solid 1px #666;
	box-shadow: 0px 0px 1px 2px #fb9000;
}
	
.user img{
	float:left;
	height:58px;
	width:58px;
	padding:0 4px;
}

.user p {
	font-size:90%;
}

.user a {
	color:#fb9000;	
}

.user input[type=submit] {
	padding:0 2px;	
	float:right;
	font-size:12px;
}

.post {
	float:left;
	width:100%;
}

.dialog {
	position:fixed;
	top:20%;
	left:30%;
	width:580px;
	height:500px;
	display:none;
	padding:20px;
	background:#ddd;
	border:solid 2px #fb9000;
	opacity:0.97;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-o-border-radius:5px;
}

.dialog .selectUser {
	overflow:auto;
	height:400px;	
}

/****************************** CREATION SALLE *****************************************/

.creationSalle h4{
	float:left;
	width:100%;
	margin:10px 0;
}

.creationSalle input[type=text], select {
	float:left;
	width:30%;
	padding:6px;
}

.creationSalle input[type=submit] {
	width:10%;	
}

.creationSalle .groupe {
	background:#434e83;
	color:#fb9000;
	font-weight:bold;
	float:left;
	padding:5px 10px;
	margin:5px;
	border-radius:2px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	-o-border-radius:2px;
	cursor:pointer;
}

.creationSalle .groupe:hover {
	border:solid 1px #666;
	box-shadow: 0px 0px 1px 2px #fb9000;
}

.creationSalle .groupe img {
	height:15px;
	margin-right:2px;
}

.creationSalle .theme {
	background:#fb9000;
	color:#000;
	font-weight:bold;
	float:left;
	padding:3px;
	margin:5px;
	border-radius:2px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	-o-border-radius:2px;
	cursor:pointer;
}

.creationSalle .theme:hover {
	border:solid 1px #666;
	box-shadow: 0px 0px 1px 2px #fb9000;
}

.creationSalle .themesAdmis, .creationSalle .groupes{
	float:left;
	width:100%;
}

.creationSalle .privacy {
	float:left;
	padding:8px;
	font-size:110%;
	color:#f23a0f;
}

.creationSalle input[type=button], .creationSalle input[type=submit] {
	float:left;
}

/************************************* PROFIL ***************************************/
.profil table{
	width:80%;
}

.profil .picture {
	width:80%;	
}

.profil .picture img {
	position:relative;	
}

.profil .picture input[type=button] {
	position:relative;
	top:-8px;
	left:40%;	
}

.profil input[type=file] {
	float:left;	
}

/************************************** PROFIL *****************************************/

/************************************** FAVORIS *******************************************/
.postfavoris h4, .postfavoris p{
	float:left;
	width:100%;
}

/*************************************** STATS *****************************************/
.stats td {
	padding:5px;
	text-align:left;
}

.stats table {
	width:60%;
	margin:10px auto;
}